@import './reset.scss';
@import './config.scss';
@import './body.scss';


//额外样式
.application-layout {
    width: 100vw;
    height: 100vh;
    background: #000;
    color: #fff;
    font-size: 14px;
    min-height: 400px;
    display: flex;
}

.smooth-wrapper {
    height: 100%;
    flex: 1;
    .smooth-content {
        height: 100%;
    }

}

// video::-webkit-media-controls-timeline {
//     height: 2px;
//     padding: 10px 20px;
//     background: rgba(0, 0, 0, 0.24);
//     backdrop-filter: blur(20px);
//     -webkit-backdrop-filter: blur(20px); /* Safari 兼容 */
//     // box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); /* 柔化边缘 */
//     &::-webkit-slider-runnable-track{
//         height: 2px;
//     }
    

   
// }

// video::-webkit-media-controls-panel{
// background: transparent!important;
// }

// div[pseudo="-internal-track-segment-background"]{
//     height: 2px;
// }
// video::-webkit-media-controls-timeline::-webkit-slider-runnable-track::before {
//     background: #ff5500; /* 填充颜色 */
//     height: 2px; /* 填充高度与轨道一致 */
//   }